import  {Carousel}  from 'element-react';

import './swiper.scss'

const App = (props) => {
  return (
        <div id='swiper'>
            <div className='banner'>
                <Carousel trigger="click" height="500px" interval="1000">
                    {
                    props.bannerList.map((item, index) => {
                        return (
                            <Carousel.Item key={index}>
                            {/* <h3>{item}</h3> */}
                            <img src={item.imgUrl} alt="" />
                            </Carousel.Item>
                        )
                        })
                    }
                </Carousel>
            </div>
        </div>
  )
  

};

export default App;